<template>
    <div class="App">
        <!--  头部组件  -->
        <NingHeader></NingHeader>
        <!--  主体组件  -->
        <NingMain></NingMain>
        <!--  底部组件  -->
        <NingFooter></NingFooter>
    </div>
</template>

<script>
    import NingHeader from "./components/NingHeader.vue";
    import NingMain from "@/components/NingMain.vue";
    import NingFooter from "@/components/NingFooter.vue";

    export default {
        components: {
            // 组件名：组件对象
            NingHeader, NingMain, NingFooter
        }
    }
</script>

<style>
    .App {
        width: 600px;
        height: 700px;
        background-color: #63ccf6;
        padding: 20px;
    }
</style>
